<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<link rel="stylesheet" type="text/css" href="libs/reset.css">
	<link rel="stylesheet" type="text/css" href="crowdFunding/css/crowdFunding.css">
	<!-- <link rel="stylesheet" type="text/css" href="../libs/animate.css"> -->
	<script type="text/javascript" src="libs/jquery.js"></script>

	<!-- 轮播图组件 -->
	<!-- 引入css插件 -->
    <link rel="stylesheet" href="libs/swiper.min.css">
    <!-- 引入js插件 -->
    <script type="text/javascript" src="libs/swiper.min.js"></script>

	<title>众筹</title>
</head>
<body>
	<div ng-controller="cf-Controller">
		<!-- 头部 -->
		<div id="c-top">
			<!-- 轮播图 -->
			<div class="swiper-container swiper-container1" id="c-lunbo">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide"><img src='crowdFunding/img/c1.jpg'></div>
			        <div class="swiper-slide"><img src='crowdFunding/img/c2.jpg'></div>
			        <div class="swiper-slide"><img src='crowdFunding/img/c3.jpg'></div>
			        <div class="swiper-slide"><img src='crowdFunding/img/c4.jpg'></div>
			        <div class="swiper-slide"><img src='crowdFunding/img/c5.jpg'></div>
			    </div>
			    <!-- 如果需要分页器 -->
		    	<div class="swiper-pagination"></div>
		    </div>
			<!-- 什么是众筹 -->
			<div id="c-CF">
				<div id="c-CFLeft">
					<a href="http://sale.jd.com/m/act/XfwEh3vrlu.html">
						<span class="c-CFIcon">i</span>
						<span>悄悄告诉您, 什么是众筹!</span>
					</a>
				</div>
				<div id="c-CFRight">
					<a href="#">
						<img src="crowdFunding/img/user.png" alt="">
					</a>
				</div>
			</div>
		</div>
		<!-- 广告区域 -->
		<div id="c-AD">
			<!-- 今日推荐 -->
			<div id="c-recommend">
				<!-- 标题 -->
				<div id="c-RTitle">
					<!-- 图标 -->
					<span id="c-RTitleIcon">
						<span></span>
					</span>
					<!-- 文字 -->
					<span class="c-text">今日推荐</span>
				</div>
				<!-- 商品列表 -->
				<div id="c-ulBox" class="swiper-container c-ulBoxWrap">
					<ul id="c-goodsList" class="swiper-wrapper">
						<li class="swiper-slide">
							<a href="https://z.m.jd.com/project/details/76504.html?orderfrom=anJt">
								<div><img src="crowdFunding/img/jingshui.jpg" alt=""></div>
								<div>四季沐歌不插电的RO净水机</div>
							</a>
						</li>
						<li class="swiper-slide">
							<a href="https://z.m.jd.com/project/details/77868.html?orderfrom=anJt">
								<div><img src="crowdFunding/img/cl2.jpg" alt=""></div>
								<div>129元抢购<br>防晒避蚊全系户外</div>
							</a>
						</li>
						<li class="swiper-slide">
							<a href="https://z.m.jd.com/project/details/76885.html?sid=&from=null&orderfrom=anJt">
								<div><img src="crowdFunding/img/cl3.jpg" alt=""></div>
								<div>29元抢购<br>超能吸附迷你手机</div>
							</a>
						</li>
						<li class="swiper-slide">
							<a href="https://z.m.jd.com/project/details/77333.html?orderfrom=anJt">
								<div><img src="crowdFunding/img/cl4.gif" alt=""></div>
								<div>269元科技<br>极光轻智能手表</div>
							</a>
						</li>
						<li class="swiper-slide">
							<a href="https://z.m.jd.com/project/details/76881.html?orderfrom=anJt">
								<div><img src="crowdFunding/img/beizi.jpg" alt=""></div>
								<div>99元抢购<br>工业级螺丝刀套装</div>
							</a>
						</li>
						<li class="swiper-slide">
							<a href="https://z.m.jd.com/project/details/76194.html?orderfrom=anJt">
								<div><img src="crowdFunding/img/sim.jpg" alt=""></div>
								<div>198元爆款<br>鼾斗士智能止鼾枕</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- 广告图片 -->
			<div id="c-adPic">
				<div>
					<a href="https://z.m.jd.com/redoundCategoryProject.html?categoryId=yyzx&orderfrom=anJt">
						<img src="crowdFunding/img/zhongchou.png" alt="" class="c-amPic-small">
						<img src="crowdFunding/img/bike.jpg" alt=""  class="c-amPic-big">
					</a>
				</div>
				<div>
					<a href="https://z.m.jd.com/redoundCategoryProject.html?categoryId=sjzx&orderfrom=anJt">
						<img src="crowdFunding/img/phone.png" alt="" class="c-amPic-small">
						<img src="crowdFunding/img/keyboard.gif" alt="" class="c-amPic-big">
					</a>
				</div>
			</div>
			<!-- 搜索位 -->
			<div id="c-search">
				<input type="text" name="" id="search" placeholder='"搜"一下就穿越'>
				<img src="crowdFunding/img/search.png" alt="">
			</div>
		</div>
		<!-- 主体 -->
		<div id="c-main">
			<!-- 后期再做 ///////////////////////////////////////////////////////////////////////// -->
			<div id="styleController" ng-init="style=true" ng-click="style=!style">
				<img alt="" ng-init="src=true" id="styleImg" ng-src="crowdFunding/img/{{src}}.png" ng-click="src=!src">
			</div>
			<div id="c-titleUl" class="swiper-container c-titleUlWrap">
				<!-- <div id="lunboControl">
					<div class="swiper-button-prev" id="prevBtn"></div>
	    			<div class="swiper-button-next" id="nextBtn"></div>
				</div> -->
				<ul id="ulTop" class="swiper-wrapper">
					<li class="swiper-slide">综合推荐</li>
					<li class="swiper-slide">最新上线</li>
					<li class="swiper-slide">金额最多</li>
					<li class="swiper-slide">人数最多</li>
					<li class="swiper-slide">即将上线</li>
					<li class="swiper-slide">即将结束</li>
				</ul>
			</div>

			<!-- 主体内容 -->
			<div id="bgBox">
				<div id="c-contentWrap" ng-class="{true:'c-style1', false:'c-style2'}[style]">
					<ul id="c-wrapUl">
						<li ng-repeat="obj in data">
							<div class="c-goodsImg">
								<img ng-src="{{ obj.projectListImg }}" alt="">
							</div>
							<div class="c-goodsBot">
								<h4> {{ obj.projectName }} </h4>
								<div class="c-lineBar">
									<img src="crowdFunding/img/line_bar.png" alt="" style="width: {{obj.progress}}%">
								</div>
								<div class="c-priceSec">
									<div class="c-priceLeft">
										<span>已筹: </span><span class="c-price">￥{{ obj.collectedAmount }}</span>
									</div>
									<div class="c-priceRight">{{ obj.progress }}%</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div id="askForMore">查看更多内容</div>
		</div>
		<!-- 图片广告容器 -->
		<div id="c-adImg">
			<div>
				<a href="http://z.m.jd.com/category-detail.html?sort=zhtj&orderfrom=anJt">
					<img src="crowdFunding/img/adad.jpg" alt="">
				</a>
			</div>
			<div>
				<a href="http://z.m.jd.com/category-detail.html?sort=zhtj&categoryId=10&orderfrom=anJt">
					<img src="crowdFunding/img/science.png" alt="">
				</a>
			</div>
			<div>
				<a href="https://z.m.jd.com/category-detail.html?sort=zhtj&categoryId=36&orderfrom=anJt">
					<img src="crowdFunding/img/food.png" alt="">
				</a>
			</div>
			<div>
				<a href="https://z.m.jd.com/category-detail.html?sort=zhtj&categoryId=37&orderfrom=anJt">
					<img src="crowdFunding/img/jiadian.png" alt="">
				</a>
			</div>
			<div>
				<a href="https://z.m.jd.com/category-detail.html?sort=zhtj&categoryId=12&orderfrom=anJt">
					<img src="crowdFunding/img/design.png" alt="">
				</a>
			</div>
			<div>
				<a href="https://z.m.jd.com/category-detail.html?sort=zhtj&categoryId=11&orderfrom=anJt">
					<img src="crowdFunding/img/fun.png" alt="">
				</a>
			</div>
			<div>
				<a href="https://z.m.jd.com/category-detail.html?sort=zhtj&categoryId=38&orderfrom=anJt">
					<img src="crowdFunding/img/publish.png" alt="">
				</a>
			</div>
			<div>
				<a href="https://z.m.jd.com/category-detail.html?sort=zhtj&categoryId=13&orderfrom=anJt">
					<img src="crowdFunding/img/gongyi.png" alt="">
				</a>
			</div>
		</div>
		<!-- bigger生活 -->
		<div id="c-bigger">
			<h3>BIGGER生活</h3>
			<a href="https://m.jr.jd.com/mjractivity/18968-3.html?orderfrom=anJt">
				<img src="crowdFunding/img/banner.jpg" alt="" id="c-adBanner">
			</a>
			<!-- 三张图 -->
			<div id="threePic">
				<div>
					<a href="https://m.jr.jd.com/mjractivity/19646-3.html?orderfrom=anJt">
						<img src="crowdFunding/img/wazi.jpg" alt="">
					</a>
				</div>
				<div>
					<a href="https://m.jr.jd.com/mjractivity/19729-3.html?orderfrom=anJt">
						<img src="crowdFunding/img/qinshi.jpg" alt="">
					</a>
				</div>
				<div>
					<a href="https://m.jr.jd.com/mjractivity/19726-3.html?orderfrom=anJt">
						<img src="crowdFunding/img/fengli.jpg" alt="">
					</a>
				</div>
			</div>
		</div>
		<!-- alotBanner -->
		<div id="c-banners">
			<a href="https://m.jr.jd.com/mjractivity/19712-3.html?orderfrom=anJt">
				<img src="crowdFunding/img/pod.jpg" alt="">
			</a>
			<a href="https://m.jr.jd.com/mjractivity/19599-3.html?orderfrom=anJt">
				<img src="crowdFunding/img/um.jpg" alt="">
			</a>
			<a href="https://gy-m.jd.com/#/?orderfrom=anJt">
				<img src="crowdFunding/img/rongzi.jpg" alt="">
			</a>
			<a href="https://m.jr.jd.com/spe/qyy/main/index.html?userType=41&orderfrom=anJt">
				<img src="crowdFunding/img/mianxi.jpg" alt="">
			</a>
		</div>
		<!-- footer -->
		<footer id="c-footer">
			<div id="c-footerTop">
				<!-- 提示输入内容是否存在 -->
				<div id="valueAlert"></div>
				<h3 id="c-yijian">意见反馈!</h3>
				<div id="c-yjContent">
					<div id="c-touxiang">
						<img src="crowdFunding/img/touxiang.png" alt="">
					</div>
					<div id="c-content">
						<img src="crowdFunding/img/recommend.png" alt="">
					</div>
				</div>
				<!-- 文本域 -->
				<textarea name="" placeholder="请在这里输入,不超过1000字~" id="wenzi"></textarea>
				<div id="subBtn"><button type="button">提交</button></div>
			</div>
			<div id="c-footerBot">
				<img src="crowdFunding/img/footerBg.jpg" alt="">
				<p class="guanzhu1">每个众筹潮客必关注微信大号：京东众筹Bigger</p>
				<p class="guanzhu2">请使用电脑版登录z.jd.com发起项目</p>
			</div>
		</footer>
	</div>
</body>
<script type="text/javascript" src="libs/rem.js"></script>
<script type="text/javascript" src="crowdFunding/js/crowdFunding.js"></script>

<!-- 轮播图js -->
<!-- <script>
    var mySwiper = new Swiper ('.swiper-container', {
        autoplayDisableOnInteraction : false, //实现继续播放
        autoplay: 2000,                     //实现自动播放
        loop:true,                         //实现环路播放

        // 如果需要分页器
        pagination: '.swiper-pagination',
    })
</script> -->
</html>